<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>上海榕兔信息科技有限公司</title>

    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" />
    <link th:href="@{/assets/css/icons/icomoon/styles.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/bootstrap.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/core.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/components.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/colors.css}" rel="stylesheet" />
    <!-- /global stylesheets -->
    <script type="text/javascript" th:src="@{/assets/js/plugins/loaders/pace.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/core/libraries/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/core/libraries/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/loaders/blockui.min.js}"></script>

    <!-- Theme JS files -->
    <script type="text/javascript" th:src="@{/assets/js/plugins/visualization/d3/d3.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/visualization/d3/d3_tooltip.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/forms/styling/switchery.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/forms/styling/uniform.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/forms/selects/bootstrap_multiselect.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/ui/moment/moment.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>

    <script type="text/javascript" th:src="@{/assets/js/core/app.js}"></script>


    <script type="text/javascript" th:src="@{assets/js/plugins/forms/validation/validate.min.js}"></script>
    <script type="text/javascript" th:src="@{assets/js/plugins/forms/validation/localization/messages_zh.min.js}"></script>

    <script type="text/javascript" th:src="@{/javascripts/common/base.js}"></script>
    <script type="text/javascript" th:src="@{/javascripts/common/common-table.js}"></script>

    <script type="text/javascript" th:src="@{assets/js/plugins/notifications/jgrowl.min.js}"></script>

    <!--
        <script type="text/javascript" th:src="@{/assets/js/pages/dashboard.js}"></script>
    -->

    <!-- /theme JS files -->
    <!---->
</head>

<body>
<div class="navbar navbar-inverse">
    <div class="navbar-header">
        <a class="navbar-brand"><img src="assets/images/logo_light.png" alt="" /></a>

        <ul class="nav navbar-nav visible-xs-block">
            <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
            <li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
        </ul>
    </div>

    <div class="navbar-collapse collapse" id="navbar-mobile">
        <ul class="nav navbar-nav">
            <li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown dropdown-user">
                <a class="dropdown-toggle" data-toggle="dropdown">
                    <img th:src="@{/images/touxiang.jpg}" alt="" />
                    <span th:text="${#httpSession.getAttribute('user_name')}">xxxx</span>
                    <i class="caret"></i>
                </a>

                <ul class="dropdown-menu dropdown-menu-right">
<!--
                    <li><a href="#" onclick="editUserSecrte();"><i class="icon-cog5"></i>修改密码</a></li>
-->
                    <li><a th:href="@{/logout}"><i class="icon-switch2"></i>退出登录</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<!-- /main navbar -->
<div class="page-container">
    <div class="page-content">

        <!-- Main sidebar -->
        <div class="sidebar sidebar-main">
            <div class="sidebar-content">
                <!-- Main navigation -->
                <div class="sidebar-category sidebar-category-visible">
                    <div class="category-content no-padding">
                        <ul class="navigation navigation-main navigation-accordion">
                           <!-- <li th:class="${#httpSession.getAttribute('menu_name') == '课程管理'} ? 'active' : ''">-->
                            <li>
                                <a href="#"><i class="icon-book"></i> <span>课程管理</span></a>
                                <ul>
                                    <li th:class="${#httpSession.getAttribute('menu_name') == '课程列表'} ? 'active' : ''"><a th:href="@{/courseList(menu=课程列表)}">课程列表</a></li>
                                    <li th:class="${#httpSession.getAttribute('menu_name') == '添加课程'} ? 'active' : ''"><a th:href="@{/editCourse(menu=添加课程)}">添加课程</a></li>
                                </ul>
                            </li>
                            <li th:class="${#httpSession.getAttribute('menu_name') == '学员管理'} ? 'active' : ''"><a th:href="@{/studentList(menu=学员管理)}"><i class="icon-users"></i> <span>学员管理</span></a></li>
                            <li th:class="${#httpSession.getAttribute('menu_name') == '滚动图管理'} ? 'active' : ''"><a th:href="@{/rollingImageList(menu=滚动图管理)}"><i class="icon-image2"></i> <span>滚动图管理</span></a></li>
                            <li>
                                <a href="#"><i class="icon-clipboard6"></i> <span>资讯管理</span></a>
                                <ul>
                                    <li th:class="${#httpSession.getAttribute('menu_name') == '资讯列表'} ? 'active' : ''"><a th:href="@{/informationList(menu=资讯列表)}">资讯列表</a></li>
                                    <li th:class="${#httpSession.getAttribute('menu_name') == '添加资讯'} ? 'active' : ''"><a th:href="@{/editInformation(menu=添加资讯)}">添加资讯</a></li>
                                </ul>
                            </li>
                            <li th:class="${#httpSession.getAttribute('menu_name') == '修改密码'} ? 'active' : ''"><a th:href="@{/editPassword(menu=修改密码)}"><i class="icon-cog5"></i> <span>修改密码</span></a></li>
                            <!-- /page kits -->

                        </ul>
                    </div>
                </div>
                <!-- /main navigation -->

            </div>
        </div>
        <!-- /main sidebar -->


        <!-- Main content -->
        <div class="content-wrapper">

            <!-- Page header -->
            <div class="page-header page-header-default">
                <div class="page-header-content">
                    <div class="page-title">
                        <h4><span class="text-semibold" th:text="${#httpSession.getAttribute('menu_name')}">Dashboard</span></h4>
                    </div>
                </div>
            </div>
            <!-- /page header -->


            <!-- Content area -->
            <div class="content">
                <!-- Dashboard content -->
                <!-- Page container -->
                <div layout:fragment="content">

                </div>

                <!-- Footer -->
                <div class="footer text-muted">
                    <a>© Copyright 2018 上海榕兔信息科技有限公司</a>
                </div>
                <!-- /footer -->

            </div>
            <!-- /content area -->

        </div>
        <!-- /main content -->

    </div>

</div>

<!--<div id="edit_user_secret_modal" class="modal fade">
    <div class="modal-dialog" style="margin-top: 30px!important; width: 600px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h5 class="modal-title">修改密码</h5>
            </div>
            <div class="content-container">


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" data-dismiss="modal">取消</button>
                <button type="submit" class="btn btn-primary btn-xs chooseIpBtn">确认</button>
            </div>
        </div>
    </div>
</div>-->
<div layout:fragment="modal-content">

</div>
</body>
</html>
